<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>叨客</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!--css-->
	<link rel="stylesheet" href="css/bootstrap.min.css" media="all">
	<link rel="stylesheet" href="css/bootstrap-responsive.min.css" media="all">
	<link rel="stylesheet" href="css/public.css" media="all">

	<link rel="stylesheet" href="test.css" media="all">
	<!--javascript-->
	<script src="js/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
</head>
<body>
<!--
	div.navbar.navbar-fixed-top>div.navbar-inner>div.container>(button.btn.btn-navbar[data-target=".nav-collapse" data-toggle="collapse" type="button"]>span.icon-bar*3)+a.brand{PROJECT}+div.nav-collapse.collapse>(ul.nav>(li.active>a[target="_blank"]{首页})+(li*4>a[target="_blank"]{栏目$}))+(form:get.form-search.navbar-search.pull-right>div.input-append>input:text.span2.search-query[placeholder="输入关键字查询"]+button:submit.btn{Search})+ul.nav.pull-right>li.divider-vertical+(li>a[href="#myModal" tabindex="-1" role="button" data-toggle="modal"]>i.icon-user+{ 登录})+li.divider-vertical
-->
	<div class="navbar navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<button data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar" type="button">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a href="./index.html" class="brand"><i class="icon-eye-open brand-fixed"></i>叨客</a>
				<div class="nav-collapse collapse">
				<ul class="nav pull-left">
					<li class="active"><a href="./index.html" target="_blank"><b class="icon-home"></b> 首页</a></li>
					<li><a href="./news.html" target="_blank"><b class="icon-pencil"></b> 新闻</a></li>
					<li><a href="./picter.html" target="_blank"><b class="icon-picture"></b> 图库</a></li>
					<li><a href="./shuoshuo.html" target="_blank"><b class="icon-volume-down
"></b> 说说</a></li>
					<li><a href="./voide.html" target="_blank"><b class="icon-facetime-video"></b> 电影</a></li>
					
					<li><a href="./play.html"><b class="icon-camera"></b> 旅游</a></li>
					<li><a href="./eact.html"><b class="icon-fire"></b> 味道</a></li>
					<!--下拉-->
					<li class="dropdown">
						<a class="dropdown-toggle" data-toggle="dropdown" tabindex="-1" href="./miusc.html"><b class="icon-headphones"></b> 音乐 <b class="caret"></b></a>
						<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
							<li class="dropdown-submenu">
								<a href="./miusc.html#guonei">国内</a>
								 <ul class="dropdown-menu">
								 	<li><a href="./miusc.html#guoneina">男歌手</a></li>
								 	<li><a href="./miusc.html#guoneinv">女歌手</a></li>
								 </ul>
							</li>
							<li class="dropdown-submenu">
							<a href="./miusc.html#guowai">国外</a>
							 	<ul class="dropdown-menu">
								 	<li><a href="./miusc.html#guowaina">男歌手</a></li>
								 	<li><a href="./miusc.html#guowainv">女歌手</a></li>
								 </ul>
							</li>
							<li class="divider"></li>
							<li><a href="./miusc.html#liouxin">流行</a></li>
							<li><a href="./miusc.html#mingqu">名曲</a></li>
						</ul>
					</li>
					<!--下拉结束-->
				</ul>
				<ul class="nav pull-right">
					<li><form class="form-search navbar-search" action="" methot="post">
						<div class="input-append">
							<input type="text" class="input-small search-query" placeholder="输入关键字">
							<button type="submit" class="btn"><i class="icon-search"></i></button>
						</div>
					</form></li>
					
					<li><a href="#myModal" tabindex="-1" role="button" data-toggle="modal"><i class="icon-user"></i> 登录</a></li>
				</ul>
				</div>
			</div>
		</div>
	</div>
	<!--
	导航结束
	(header.banner>div.container>div.row)+(div.container>div.row>div.span3+div.span4)+footer>div.container>div.row>div.span12>p{footer}
-->
<div id="wrap">
<div class="container">
	<div class="space-navbar"></div>
	<div class="well"><h1>叨客 一起唠叨</h1>
	<p>唠叨是门艺术,有危险也有机遇</p></div>
	<header class="slider">
		<div class="container">
			<div id="Carousel" class="carousel slide">
				<ol class="carousel-indicators">
					<li data-target="#Carousel" data-slide-to="0" class="active"></li>
					<li data-target="#Carousel" data-slide-to="1"></li>
					<li data-target="#Carousel" data-slide-to="2"></li>
				</ol>
				<!-- Carousel items -->			
				<div class="carousel-inner">
					<div class="active item">
						<img src="assis/img/51a9bfaabf2ce.jpeg" clss="inline" alt="">
						<div class="carousel-caption"><p  class="lead">img1</p></div></div>
					<div class="item">
						<img src="assis/img/51a9bfaabf2ce.jpeg" clss="inline" alt="">
						<div class="carousel-caption"><p  class="lead">img2</p></div></div>
					<div class="item">
						<img src="assis/img/51a9bfaabf2ce.jpeg" clss="inline" alt="">
						<div class="carousel-caption"><p  class="lead">img3</p></div></div>
					<div class="item">
						 <img src="assis/img/51a9bfaabf2ce.jpeg" alt="">
				          <div class="container">
				            <div class="carousel-caption">
				              <p class="lead">Cras justo odio</p>
				            </div>
				          </div>
					</div>
				</div>
				<!-- Carousel nav -->			
				<a class="carousel-control left" href="#Carousel" data-slide="prev">&lsaquo;</a>
				<a class="carousel-control right" href="#Carousel" data-slide="next">&rsaquo;</a>
			</div>
		</div>
	</header>
	<!--
	主题内容
	-->
	<div class="container">
		<div class="page-header"><i class="icon-picture"></i> 图库</div>
		<div class="row-fluid">
			<ul class="thumbnails">
			<li class="span6"><a href="" class="thumbnail"><img alt=""  src="assis/img/1.jpg"></a></li>
			<li class="span3"><a href="" class="thumbnail"><img alt=""  src="assis/img/2.jpg"></a></li>
			<li class="span3"><a href="" class="thumbnail"><img alt=""  src="assis/img/3.jpg"></a></li>
			<li class="span3"><a href="" class="thumbnail"><img alt=""  src="assis/img/4.jpg"></a></li>
			<li class="span3"><a href="" class="thumbnail"><img alt=""  src="assis/img/5.jpg"></a></li>

			</ul>
		</div>
		<div class="page-header"><i class="icon-fire"></i> 美味</div>
		<div class="row-fluid">
			<ul class="thumbnails">
			<li class="span3"><a href="" class="thumbnail"><img alt=""  src="assis/img/6958247_154652373108_2.jpg"></a></li>
			<li class="span3"><a href="" class="thumbnail"><img alt=""  src="assis/img/6958247_154652373108_2.jpg"></a></li>
			<li class="span3"><a href="" class="thumbnail"><img alt=""  src="assis/img/6958247_154652373108_2.jpg"></a></li>
			<li class="span3"><a href="" class="thumbnail"><img alt=""  src="assis/img/6958247_154652373108_2.jpg"></a></li>
			</ul>
		</div>
		<div class="page-header"><i class="icon-facetime-video"></i> 电影</div>
		<div class="row-fluid">
			<ul class="thumbnails">
			<li class="span3"><a href="" class="thumbnail"><img alt=""  src="assis/img/Img376999109.jpg"></a></li>
			<li class="span3"><a href="" class="thumbnail"><img alt=""  src="assis/img/Img376999109.jpg"></a></li>
			<li class="span3"><a href="" class="thumbnail"><img alt=""  src="assis/img/Img376999109.jpg"></a></li>
			<li class="span3"><a href="" class="thumbnail"><img alt=""  src="assis/img/Img376999109.jpg"></a></li>
			</ul>
		</div>
		<div class="page-header"><i class="icon-headphones"></i> 音乐</div>
		<div class="row-fluid">
			<ul class="thumbnails">
			<li class="span3"><a href="" class="thumbnail"><img alt=""  src="assis/img/y1.jpg"></a></li>
			<li class="span3"><a href="" class="thumbnail"><img alt=""  src="assis/img/y1.jpg"></a></li>
			<li class="span3"><a href="" class="thumbnail"><img alt=""  src="assis/img/y1.jpg"></a></li>
			<li class="span3"><a href="" class="thumbnail"><img alt=""  src="assis/img/y1.jpg"></a></li>
			</ul>
		</div>
	</div>
	<!--
	友情链接 合作媒体
	-->
	<div class="finder">
		<div class="container credit">
			<a href=""><span class="label">tag1</span></a>
			<a href=""><span class="label">tag2</span></a>
			<a href=""><span class="label">tag3</span></a>
			<a href=""><span class="label">tag4</span></a>
			<a href=""><span class="label">tag5</span></a>
			<a href=""><span class="label">tag6</span></a>
			<a href=""><span class="label">tag7</span></a>
			<a href=""><span class="label">tag8</span></a>
			<a href=""><span class="label">tag9</span></a>
		</div>
	</div>
</div>
<div id="push"></div>
</div>
<!--
	页脚 版权 地址 小导航
-->
<footer id="footer">
	<div class="container">
		<p class="muted credit">
				KA,KE <a href="">叨客</a> &copy; Company 2013  <a href="">hihww.com</a>
		</p>
	</div>
</footer>
</body>
</html>